import '@/styles/TailWindCss/index.css';
import { App, createApp } from 'vue';
import '@/styles/style.scss';
import { createPinia } from 'pinia';
import 'xe-utils';
import VXETable from 'vxe-table';
import 'vxe-table/lib/style.css';
import 'virtual:svg-icons-register';
import 'animate.css';
import './rem.ts';
import piniaPluginPersistedstate from 'pinia-plugin-persistedstate';
import formCreate from '@form-create/element-ui';
import ElementPLUS from 'element-plus';
import 'element-plus/dist/index.css';
import Avue from '@smallwei/avue';
import '@smallwei/avue/lib/index.css';
import axios from 'axios';
import Particles from 'vue3-particles';
import SvgIcon from '@/components/SvgIcon/index.vue';
import router from './router/index';
import App1 from './App.vue';

const pinia = createPinia();

const app = createApp(App1 as any);
const useTable = (app: App) => {
	app.use(VXETable);
};
// app.config.globalProperties//全局属性

app.use(router);
app.use(formCreate);
pinia.use(piniaPluginPersistedstate);
app.use(Particles);
app.use(pinia);
app.use(ElementPLUS);
app.use(Avue, { axios });
app.use(useTable);
app.component('SvgIcon', SvgIcon);
app.mount('#app');
